
// 等同于引入 vue.js 文件
import Vue from 'vue'
// import Vue from 'vue/dist/vue.js' // 引入完整版vue
// 导入App组件（根组件）
import App from './App.vue'

// 设置全局混入
// import { mix3 } from './mixin.js'
// Vue.mixin(mix3)

// 插件的使用通常放在创建Vue实例之前
// 导入插件
import { p1 } from './plugings.js'
// 插上插件（删除就是拔下插件）
Vue.use(p1, 1, 2, 3, 4)

// 关闭生产提示信息
Vue.config.productionTip = false

// 创建Vue实例
new Vue({
  el: '#app',
  // 您正在使用的Vue的仅运行时版本，其中模板编译器不可用
  // 目前使用的vue.js是一个缺失了模板编译器的vue.js文件
  // 怎么解决，两种方案：
  // 第一种：使用完整的vue.js  import Vue from 'vue/dist/vue.js' 
  // 第二种：使用render函数
  // 目的：减小体积。Vue的核心 + 模板编译器（模板编译器可能占用vue.js文件体积的三分之一）
  // 将来程序员使用webpack进行打包处理之后，模板编译器就没有存在的必要了
  // template: '<h1>render函数</h1>'
  // render: h => h(App),

  // render函数被自动调用
  // 这个函数被调用的时候会自动传过来一个参数：createElement，createElement是一个函数
  // createElement函数可以用来创建元素
  render(createElement) {
    // console.log(createElement)
    return createElement(App)  // 可以简写 =>   render: h => h(App),
  }
})




// new Vue({
//   render: h => h(App),
// }).$mount('#app')
